{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{% translate "New call list" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "New call list" %}</h1>
    <p>{% translate "Choose who to call, write what to say, and share the callers among the agents. People who asked not to be called are always left out." %}</p>
  </div>
  <div class="actions"><a class="btn btn-quiet" href="{% url 'call_lists' %}">{% translate "Cancel" %}</a></div>
</div>

<form method="post" class="form" novalidate>
  {% csrf_token %}
  {% if form.errors %}<div class="form-errors" style="margin-bottom:16px">{% translate "Some details need fixing. Look for the red notes below." %}</div>{% endif %}

  <section class="panel">
    <div class="panel-head"><h2>{% translate "1. What it is for" %}</h2></div>
    <div class="form-grid">
      {% include "_field.html" with field=form.name %}
      {% include "_field.html" with field=form.purpose %}
      {% include "_field.html" with field=form.script wide=True %}
      {% include "_field.html" with field=form.due_date %}
    </div>
  </section>

  <section class="panel">
    <div class="panel-head"><h2>{% translate "2. Who is on it" %}</h2><span class="muted small">{% translate "Leave a choice empty to include everyone." %}</span></div>
    <div class="form-grid">
      {% include "_field.html" with field=form.statuses wide=True %}
      {% include "_field.html" with field=form.region %}
      {% include "_field.html" with field=form.district %}
      {% include "_field.html" with field=form.cell_group %}
      {% include "_field.html" with field=form.heard_from %}
      {% include "_field.html" with field=form.added_from %}
      {% include "_field.html" with field=form.added_to %}
      {% include "_field.html" with field=form.quiet_days %}
      {% include "_field.html" with field=form.language %}
      {% include "_field.html" with field=form.gender %}
      {% include "_field.html" with field=form.skip_busy wide=True %}
    </div>
    {% if preview %}
    <div class="preview-box" role="status">
      {% if preview.count == 0 %}
        <strong>{% translate "No callers fit these choices." %}</strong> {% translate "Leave out some choices and count again." %}
      {% elif preview.count > max_callers %}
        <strong>{% blocktranslate trimmed with n=preview.count max=max_callers %}{{ n }} callers fit: too many for one list (at most {{ max }}).{% endblocktranslate %}</strong> {% translate "Narrow the choices, for example by district or dates." %}
      {% else %}
        <strong>{% blocktranslate trimmed count n=preview.count %}{{ n }} caller fits these choices.{% plural %}{{ n }} callers fit these choices.{% endblocktranslate %}</strong>
        <span class="muted">{{ preview.chosen }}</span>
        <div class="small" style="margin-top:6px">{% for c in preview.sample %}{{ c.name }}{% if not forloop.last %}, {% endif %}{% endfor %}{% if preview.count > preview.sample|length %}, …{% endif %}</div>
      {% endif %}
    </div>
    {% endif %}
    <div style="margin-top:14px"><button class="btn" type="submit" name="action" value="preview">{% translate "Count the callers" %}</button></div>
  </section>

  <section class="panel">
    <div class="panel-head"><h2>{% translate "3. Who phones them" %}</h2></div>
    {% include "_field.html" with field=form.agents wide=True %}
  </section>

  <div class="actions">
    <button class="btn btn-primary" type="submit" name="action" value="create">{% translate "Make the list and share it" %}</button>
    <a class="btn btn-quiet" href="{% url 'call_lists' %}">{% translate "Cancel" %}</a>
  </div>
</form>
{% endblock %}